<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page import="org.ifilm.util.GeneralConstants"%>

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Register Page</title>
		
		<link href="/film/css/index.css" rel="stylesheet" />
		<link href="/film/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"/>
		<script src="/film/bootstrap/js/jquery.js"></script>
	    <script src="/film/bootstrap/js/bootstrap.min.js"></script>
	    
	    <style>
	      	body {
	        	padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
	      	}
	    </style>
	</head>
	<body>
		<div class="navbar navbar-inverse navbar-fixed-top">
			<div class="navbar-inner">
				<div class="container">
					<a class="brand" href="/film/index.jsp">iFilm</a>
				</div>
			</div>
		</div>
		<div class="container">
			<form class="form-signin" method="POST" action="/film/req/user/register">
				<h2 class="form-signin-heading">Sign Up</h2>
				<input type="text" class="input-block-level" placeholder="First Name" name="<%=GeneralConstants.userName%>"> 
				<input type="text" class="input-block-level" placeholder="Last Name" name="<%=GeneralConstants.userSurname%>"> 
				<input type="text" class="input-block-level" placeholder="Email Address" name="<%=GeneralConstants.userEmail%>"> 
				<input type="password" class="input-block-level" placeholder="Password" name="<%=GeneralConstants.userPassword%>"> 
				<button class="btn btn-large btn-primary" type="submit">Sign up</button>
			</form>
		</div>
	</body>
</html>